{template header.html}
        <!-- HEADER END -->
        <div class="inner-page-main">
            <div class="inner-page-middle">
                <div class="bread-crumb">
                    <i class="iconfont">&#xe688;</i>
                    <ul>
                        <li><a href="/">Home</a></li>{dr_catpos($catid,'',true,' <li>></li><li><span><a href="[url]">[name]</a></span></li>')}
                       
                    </ul>
                </div>
                <div class="inner-page-content">
                    <div class="inner-page-r" aos="fade-left" aos-easing="ease" aos-delay="100">
                        <section class="news-listing">
                            <ul>
                                {module module=news catid=$catid page=1}
                                <li>
                                    <a href="{dr_url_rel($t.url, SITE_URL)}">
                                        <div class="news-listing-box">
                                            <span><b>{dr_date($t.updatetime,'d')}</b>{dr_date($t.updatetime,'m-Y')}</span>
                                            <h3>{usu_fanyi($t['title'], $language)}</h3>
                                            <p>{usu_fanyi(dr_strcut($t['description'],150,'...'), $language)}</p>
                                        </div>
                                    </a>
                                </li>
                                {/module}
                            </ul>
                            <!-- Number of pages -->
                            <div class="in_page_box wow slideInUp">
                                <div class="pages">
                                    {$pages}
                                  </div>
                                  <style>
                                    .pages .active{
                                      border: 0px ;
                                      background:#f08300;
                                    }
                                    .pages .active a{
                                      color: #ffffff!important;
                                    }
                                    .pages {
                                      margin: 40px 0 ; 
                                    }
                                    .pagination { 
                                      display: flex; 
                                      justify-content: center; 
                                      align-items: center;
                                    }
                                    .pagination li:first-child{
                                      border: 0px ;
                                      background:#f08300;
                                    }
                                    .pagination li:first-child a{
                                      color: #ffffff!important;
                                    }
                                    .pagination li { 
                                      border: 1px solid #ccc;
                                      margin: 0 5px; 
                                      line-height: 40px!important;
                                    }
                                    .pagination li a{ 
                                    padding: 20px 15px;
                                    line-height: 4px!important;
                                    }
                                    .pagination li:hover{ 
                                      background:#f08300;
                                    }
                                    .pagination li a:hover{ 
                                      color: #ffffff!important;
                                    }
                                  </style>
                            </div>
                        </section>
                    </div>
                    <div class="inner-page-l" aos="fade-right" aos-easing="ease" aos-delay="100">
                        <div class="sidebar-block">
                            <div class="sidebar-box sidebar-news">
                                <div class="sidebar-title">
                                    <span>{usu_fanyi('News', $language)}</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        {category module=share pid=1 return=t}
                                        <li><i class="iconfont">&#xe78d;</i><a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t.name, $language)}</a>
                                        </li>
                                        {/category}
                                    </ul>
                                </div>
                            </div>
                            <div class="sidebar-box sidebar-featured">
                                <div class="sidebar-title">
                                    <span>{usu_fanyi('feature product', $language)}</span>
                                </div>
                                <div class="sidebar-contant">
                                    <ul>
                                        {module module=news catid=2 flag=1 num=0,4}
                                        <li>
                                            <div class="item">
                                                <div class="pro-media"><a href="{dr_url_rel($t.url, SITE_URL)}"><img alt="T-shirt"
                                                            src="{dr_get_file($t['thumb'])}"></a></div>
                                                <div class="pro-detail-info">
                                                    <div class="th"><a href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi($t['title'], $language)}</a></div>
                                                    <span><a class="btn" href="{dr_url_rel($t.url, SITE_URL)}">{usu_fanyi('More', $language)}</a></span>
                                                </div>
                                            </div>
                                        </li>
                                        {/module}   
                                    </ul>
                                </div>
                            </div>
                            <div class="sidebar-box sidebar-contact">
                                <div class="sidebar-title">
                                    <span>Contact Us</span>
                                </div>
                                <div class="sidebar-contant">
                                    <?php if ($lxfs) { $key=0; foreach ($lxfs as $v) { ?>
                                    <div class="mb-20">
                                        <div class="inner-title">{$v[1]}&nbsp&nbsp{$v[4]}:</div>
                                        <ul>
                                            <li><a href="{$v[3]}">{$v[2]}</a></li>
                                        </ul>
                                    </div>
                                    <?php  $key++; } } ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--FOOTER -->
            {template footer.html}
            <script>
                //手机端底部折叠
                $('.sidebar-block-but').on("click", function () {
                    $(".sidebar-box").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
                $('.footer-content-but').on("click", function () {
                    $(".footer-main").toggleClass("expand");
                    $(this).toggleClass("expand");
                })
            </script>
            <!-- END FOOTER -->
        </div>
    </div>
    <!--返回顶部-->
    <div class="scroll" id="scroll" style="display:none;">
        <i class="iconfont">&#xe637;</i>
    </div>
</body>
<script src="{HOME_THEME_PATH}js/jquery-1.12.3.min.js"></script>
<!--动态加载-->
<script src="{HOME_THEME_PATH}js/wow.js" id="WOW"></script>
<script>
    new WOW().init();
</script>
<!--轮播图-->
<script src="{HOME_THEME_PATH}js/owl.carousel.min.js"></script>
<script src="{HOME_THEME_PATH}js/custom.js"></script>

<script>
    /* ------------ Newslater-popup JS Start ------------- */
    $(window).load(function () {
        $.magnificPopup.open({
            items: {
                src: '#newslater-popup'
            },
            type: 'inline'
        }, 0);
    });
    /* ------------ Newslater-popup JS End ------------- */
</script>
<!--菜单栏js-->
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
    // SmartMenus init
    $(function () {
        $('#main-menu').smartmenus({
            subMenusSubOffsetX: 1,
            subMenusSubOffsetY: -8
        });
    });

    // SmartMenus mobile menu toggle button
    $(function () {
        var $mainMenuState = $('#main-menu-state');
        if ($mainMenuState.length) {
            // animate mobile menu
            $mainMenuState.change(function (e) {
                var $menu = $('#main-menu');
                if (this.checked) {
                    $menu.hide().slideDown(250, function () {
                        $menu.css('display', '');
                    });
                } else {
                    $menu.show().slideUp(250, function () {
                        $menu.css('display', '');
                    });
                }
            });
            // hide mobile menu beforeunload
            $(window).bind('beforeunload unload', function () {
                if ($mainMenuState[0].checked) {
                    $mainMenuState[0].click();
                }
            });
        }
    });
</script>
<!--导航栏置顶固定-->
<script>
    $(function () {
        var ie6 = document.all;
        var dv = $('#fixedMenu'),
            st;
        dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 
        $(window).scroll(function () {
            st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
            if (st > parseInt(dv.attr('otop'))) {
                if (ie6) { //IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果 
                    dv.css({
                        position: 'absolute',
                        top: st
                    });
                } else if (dv.css('position') != 'fixed') dv.css({
                    'position': 'fixed',
                    top: 0
                });
                dv.addClass("top-fixed")
                $('.inner-page-main').addClass("mh")
            } else if (dv.css('position') != 'static') {
                dv.css({
                    'position': 'static'
                });
                dv.removeClass("top-fixed")
                $('.inner-page-main').removeClass("mh")
            }
        });
    });
</script>
<!--banner-->
<script src="{HOME_THEME_PATH}js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
    $('.flexslider').flexslider();
</script>

<!--返回顶部-->
<script type="text/javascript">
    $(function () {
        showScroll();

        function showScroll() {
            $(window).scroll(function () {
                var scrollValue = $(window).scrollTop();
                scrollValue > 100 ? $('div[class=scroll]').fadeIn() : $('div[class=scroll]').fadeOut();
            });
            $('#scroll').click(function () {
                $("html,body").animate({
                    scrollTop: 0
                }, 200);
            });
        }
    })
</script>
<!--产品折叠列表-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/sidebar-product.js"></script>
<script type="text/javascript">
    $(function () {
        initSidebarClicker('span', '+', '-')
    })
</script>
<!--产品详情页图片展示-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/product_slide.js"></script>
<script type="text/javascript">
    console.log($('.ps-current [class^="elt"]').length)
    $('.ps-current [class^="elt"]').zoom()
</script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.lightbox-0.5.js"></script>
<script>
    $('.ps-current a').lightBox();
</script>
<!--证书图片点击放大-->
<script src="{HOME_THEME_PATH}js/jquery.fancybox.min.js"></script>

<!--页面出厂动画-->
<script type="text/javascript" src="{HOME_THEME_PATH}js/main.js"></script>
<script type="text/javascript" src="{HOME_THEME_PATH}js/aos.js"></script>
<script type="text/javascript">
    AOS.init({
        easing: 'ease-out-back',
        duration: 1000
    });
</script>

</html>